<template>
  <div class="test">
    <h1>用来测试方法带括号与不带括号的区别</h1>
    <!--
    在写代码的时候，突然发现在methods定义的函数调用的时候加上括号与不加括号是有区别的，例如：
    @click='getList(id)',但是为什么有时候明明没有传参的需要,却要加上()呢? 百思不得其解,于是去查阅了相关的资料,
    意思就是,当不加括号直接调用这个函数是可以直接获取到这个事件对象的,加了()要想获取这个事件对象就要手动的加$event,
    具体的实现是这样的:
    -->
    <!-- 在不加括号的时候，首个参数获取的是时间对象 $event -->
    <el-button type="primary" size="default" @click="methodTest">测试</el-button>
    <!-- 当加上括号的时候，如果想要使用事件对象，就需要通过以下方式，把对象时间传递过去 -->
    <el-button type="primary" size="default" @click="methodTest($event)">测试</el-button>

  </div>
</template>

<script>

export default {
  name: 'TestVueMethod',
  components: {
  },
  methods: {
    //单行注释
    /**
     * 多行注释
     */
    methodTest(param1, param2) {
      console.log(param1);
      console.log(param2);


      let btnDisplay = {
        userAdd: this.$AUTH(`system/user/userList`, `userAdd`),//人员新增
        userUpdate: this.$AUTH(`system/user/userList`, `userUpdate`),//人员管理修改
        userDel: this.$AUTH(`system/user/userList`, `userDel`),//人员管理删除
        userRole: this.$AUTH(`system/user/userList`, `userRole`),//人员角色关联
        userBranch: this.$AUTH(`system/user/userList`, `userBranch`),//人员机构关联

        roleAdd: this.$AUTH(`system/role/roleList`, `roleAdd`),//角色新增
        roleUpdate: this.$AUTH(`system/role/roleList`, `roleUpdate`),//角色修改
        roleDel: this.$AUTH(`system/role/roleList`, `roleDel`),//角色删除
        roleMenu: this.$AUTH(`system/role/roleList`, `roleMenu`),//角色菜单关联
        roleButton: this.$AUTH(`system/role/roleList`, `roleButton`),//角色按钮关联
        roleAuth: this.$AUTH(`system/role/roleList`, `roleAuth`),//角色权限关联

        brandAdd: this.$AUTH(`system/branch/branchList`, `branchAdd`),//机构新增
        branchUpdate: this.$AUTH(`system/branch/branchList`, `branchUpdate`),//机构修改
        branchDel: this.$AUTH(`system/branch/branchList`, `branchDel`),//机构删除
        branchMenu: this.$AUTH(`system/branch/branchList`, `branchMenu`),//机构菜单关联
        branchButton: this.$AUTH(`system/branch/branchList`, `branchButton`),//机构按钮关联
        branchAuth: this.$AUTH(`system/branch/branchList`, `branchAuth`),//机构权限关联

        menuAdd: this.$AUTH(`system/menu/menuList`, `menuAdd`),//菜单新增
        menuUpdate: this.$AUTH(`system/menu/menuList`, `menuUpdate`),//菜单管理修改
        menuDel: this.$AUTH(`system/menu/menuList`, `menuDel`),//菜单管理删除

        authAdd: this.$AUTH(`system/auth/authList`, `authAdd`),//权限新增
        authUpdate: this.$AUTH(`system/auth/authList`, `authUpdate`),//权限管理修改
        authDel: this.$AUTH(`system/auth/authList`, `authDel`),//权限管理删除
        
        buttonAdd: this.$AUTH(`system/button/buttonList`, `buttonAdd`),//按钮新增
        buttonUpdate: this.$AUTH(`system/button/buttonList`, `buttonUpdate`),//按钮管理修改
        buttonDel: this.$AUTH(`system/button/buttonList`, `buttonDel`),//按钮管理删除




      }
    }



  },
}
</script>

<style>
/** style 中的注释只有这一种 */
</style>